<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>开关按钮</title>
		<link rel="stylesheet" href="style/css/main.css" />
		<script src="js/jquery-1.7.2.min.js"></script>
		<script src="js/toggle-button.js" type="text/javascript">
		</script>
		<script type="text/javascript">
			$(function() {
				$("#ToggleButton").ToggleButton({
					showToggle: true, //参数是否打开toggleButton{true:打开,false:关闭}
					slideSpeed: 100 //参数设置切换开关的速度{直接传入数字，不带单位}
				});
			});
		</script>
	</head>

	<body>
	
			<div class="toggle-con off-color" style="float:left;" id="ToggleButton">
				<div class="toggle-txt">
					<span class="toggle-txt-span toggle-left">月累计</span>
					<span class="toggle-txt-span toggle-right">年累计</span>
				</div>
				<div class="toggle-line" toggleBool="false"></div>
			</div>
	
	</body>

</html>